<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="icon" href="icon/icon.ico" />
		<link rel="stylesheet" href="./css/reset.css" />
		<link rel="stylesheet" href="./css/common.css" />
		<link rel="stylesheet" href="./css/login/login.css" />
		<title>login</title>
	</head>
	<body>
		<nav>
			<div class="warper clear-fix inner">
				<a href="./index.html">
					<img class="logo" src="./img/logo.png" alt="logo" />
				</a>
				<a href="./index.html">
					<img class="service" src="./img/login.png" alt="服务" />
				</a>
			</div>
		</nav>
		<main class="warper clear-fix">
			<div class="left">
				<a href="./index.html">
					<img src="./img/login-2.png" alt="" />
				</a>
			</div>
			<div class="right">
				<form action="#">
					<h3>手机号登录</h3>
					<div class="group">
						<div class="username input-box">
							<svg
								t="1654161608873"
								class="icon"
								viewBox="0 0 1024 1024"
								version="1.1"
								xmlns="http://www.w3.org/2000/svg"
								p-id="3470"
								width="200"
								height="200"
							>
								<path
									d="M716.399 901.263H311.624c-63.018 0-114.308-54.62-114.308-121.801V243.537c0-67.181 51.29-121.801 114.308-121.801h404.774c62.994 0 114.284 54.62 114.284 121.801v535.925c0.001 67.181-51.289 121.801-114.283 121.801zM311.624 170.456c-36.16 0-65.587 32.781-65.587 73.081v535.925c0 40.299 29.427 73.081 65.587 73.081h404.774c36.16 0 65.563-32.782 65.563-73.081V243.537c0-40.299-29.403-73.081-65.563-73.081H311.624z"
									fill="#B4B4B5"
									p-id="3471"
								></path>
								<path
									d="M708.882 267.897H319.118c-13.465 0-24.36-10.896-24.36-24.36s10.896-24.36 24.36-24.36h389.764c13.464 0 24.36 10.896 24.36 24.36s-10.896 24.36-24.36 24.36zM562.72 779.462c0 26.93-21.791 48.721-48.72 48.721-26.93 0-48.721-21.791-48.721-48.721S487.07 730.741 514 730.741c26.929 0 48.72 21.791 48.72 48.721z"
									fill="#B4B4B5"
									p-id="3472"
								></path>
							</svg>
							<input type="text" placeholder="请输入验证码" name="" id="" />
						</div>
					</div>
					<div class="group">
						<div class="input-box">
							<svg
								t="1654161764476"
								class="icon"
								viewBox="0 0 1024 1024"
								version="1.1"
								xmlns="http://www.w3.org/2000/svg"
								p-id="4343"
								width="200"
								height="200"
							>
								<path
									d="M867.584 160.192c-149.632-16.928-262.208-57.408-334.592-120.352l-19.04-16.544-20.544 14.656C379.968 118.944 267.776 160 160 160H128v448c0 137.344 121.088 261.92 370.208 380.864l13.088 6.24 13.344-5.728C771.072 883.52 896 755.232 896 608V163.424l-28.416-3.232zM832 608c0 116.8-107.392 223.36-319.328 316.8C299.872 821.024 192 714.464 192 608V222.976c104.672-6.784 211.584-46.688 318.496-118.944C587.232 162.528 695.168 201.536 832 220.256V608z"
									p-id="4344"
									fill="#999999"
								></path>
								<path
									d="M359.776 468.672a32 32 0 1 0-47.968 42.4l121.792 137.824c12.608 14.24 30.176 21.568 47.904 21.568a64.384 64.384 0 0 0 49.696-23.52l197.6-242.72a32 32 0 0 0-49.632-40.416l-197.6 242.688-121.792-137.824z"
									p-id="4345"
									fill="#999999"
								></path>
							</svg>
							<input type="text" placeholder="请输入验证码" name="" id="" />
							<span>获取验证码</span>
						</div>
					</div>
					<button type="button">登录</button>
					<p>
						注册 / 登录代表同意 <a href="">隐私政策</a> 和 <a href="">条款</a>
					</p>
					<div class="code">
						<img src="./img/zhejiao.png" alt="" />
						<!-- <img src="./img/zhejiao2.png" alt="" /> -->
					</div>
				</form>
				<div class="footer">
					<div>
						<img src="./img/login-icon.png" alt="" />
					</div>
				</div>
			</div>
		</main>
	</body>
</html>
